<%@ page language="java" contentType="text/html; charset=utf-8"    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/h-ui.admin/css/style.css" />
<script type="text/javascript" src="<%=path%>/static/js/jquery-3.2.1.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>二级垃圾查看</title>
</head>
<body>
<c:set value="${requestScope.secondtypes }" var="firsttype"></c:set>
<div class="cl pd-20" style=" background-color:#5bacb6">
	<img class="avatar size-XL l" src="<%=path%>/static/rubbishType_img/${secondtype.icon}">
	<dl style="margin-left:80px; color:#fff">
		
		<dd class="pt-10 f-12" style="cursor:pointer; margin-left:0" >二级分类名：${secondtype.title }</dd>
		
	</dl>
</div>
<div class="pd-20">
	<table class="table">
		<tbody>
		<c:forEach items="${requestScope.rubbishs}" var="rubbish" varStatus="stat">
			<tr>
				<td>${stat.count}</td>
				<td><u id="btnLeft" style="cursor:pointer" class="text-primary" onclick="member_show('${firsttype.title }','<%=path%>/manager/rubbishTypeFir/rubShow?id=${secondtype.id }','10001','480','600')"><b class="text-success">${rubbish.name } </b></u> </td> 
				<td>${rubbish.content }</td>
			</tr>
			</c:forEach>
		</tbody>
	</table>
</div>
<script type="text/javascript">
function member_show(title,url,id,w,h){
	layer_show(title,url,w,h);
}
</script>
<script src="<%=path %>/static/managecss/lib/mSlider.min.js"></script>
<script>
//移动端使用touchend
var event = navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i) ? 'touchend' : 'click';

// 选择器
var Q = function (id) {
    return document.getElementById(id)
};

window.onload = function () {
var _left = new mSlider({
    dom: ".layer-left"
});

Q('btnLeft').addEventListener(event, function () {
    _left.open();
})
//手动
 var _manualclose = new mSlider({
     dom: ".layer-manualclose",
     direction: "top",
     distance: "auto"
 })
 Q("btnManualClose").addEventListener(event, function (e) {
     _manualclose.open();
 });

 Q("btnClose").addEventListener(event, function (e) {
     _manualclose.close();
 });

 //连环调用
 var _parent = new mSlider({
     dom: ".layer-parent",
     direction: "top",
     distance: "auto"
 })
 var _child = new mSlider({
     dom: ".layer-child",
     direction: "bottom"
 })
 Q("btnParent").addEventListener(event, function (e) {
     _parent.open();
 })

 Q("btnChild").addEventListener(event, function (e) {
     _parent.close();
     _child.open();
 })
}
</script>
<!--_footer 作为公共模版分离出去-->

<script type="text/javascript" src="<%=path%>/static/managecss/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="<%=path%>/static/managecss/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="<%=path%>/static/managecss/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="<%=path%>/static/managecss//h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
</body>
</html>